
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="main-test.php" />
<title>eTaxware</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="shortcut icon" href="assets/images/favicon.png" />
<link rel="stylesheet" href="assets/css/jquery.dataTables.css" type="text/css">

<script src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.dataTables.js"></script> 
<script src="assets/js/bootstrap-datepicker.js"></script>



<script type="text/javascript">

$(document).ready(function() {
    $('#data').dataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "sales_report-oi.php"
    } );
} );

</script>

</head>
<body>
<div id="wrap">
<div class="navbar navbar-static-top navbar-inverse">
  <div class="container">
   
    <div class="navbar-collapse collapse navbar-inverse-collapse">
 
    </div>
  </div>
</div>

<table id="data" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Date</th>
            <th>Customer</th>
            <th>Total</th>
            <th>Tax</th>
            <th>Discount</th>
            <th>Grand Total</th>
			<th>Paid By</th>
            <th>Actions</th>
        </tr>
    </thead>
 
    <tfoot>
        <tr>
             <th>Date</th>
            <th>Customer</th>
            <th>Total</th>
            <th>Tax</th>
            <th>Discount</th>
            <th>Grand Total</th>
			<th>Paid By</th>
            <th>Actions</th>
        </tr>
    </tfoot>
</table>


<div class="clr"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
  <div class="container">
    
  </div>
</div>

   
</body>
</html>